Ext.BLANK_IMAGE_URL = 'images/blank.gif';
var login = function(){
	Ext.QuickTips.init();//初始化工具提示，这样组件就能自动进行工具提示了
	Ext.lib.Ajax.defaultPostHeader += ";charset=utf-8";//初始化传输的编码
	//状态管理，这里采用cookie的状态管理方式，也就是一些状态的数据保存在cookie中
	Ext.state.Manager.setProvider(new Ext.state.CookieProvider());
	
	//form,使用FormPanel类作为form表单的布局面板
	var form = new Ext.form.FormPanel({
		defaultType:'textfield',//所有子组件没有指定类型的使用该类型
		labelAlign:'right',//标签的对齐方式
		style : 'background:#ffffff;padding:25px 35px 30px 16px;',
		labelWidth:60,
		region:'center',
		defaults:{
			border: false, 
			allowBlank:false,//非空验证
			msgTarget:'side'
		},
		items:[{
				fieldLabel:'用户名', 
				name:'username', 
				blankText:'请输入用户名'},{
				fieldLabel:'密码',
				inputType:'password', 
				name:'password', 
				blankText:'密码不能为空'
			},{
				xtype:'panel',
				layout:'column',
				items:[{
					//width:130,
					columnWidth:.6,
					layout:'form',
					border:false,
					items:[{
						fieldLabel:'验证码',
						name:'checkcode',
						xtype:'textfield',
						allowBlank:false,
						//msgTarget:'side',
						blankText:'请输入验证码',
						anchor:'98%'
					}]
				},{
					xtype:'panel',
					border:false,
					html:'abcd'
				}]
			}],
		buttons:[{
			text:'登录',
			handler:function(){
				url:'login.jsp'
				success: function(f, a) {
					window.location.href= a.result.url;
				}
			}
		}]
	});
	
	var panel = new Ext.Panel({
		renderTo: 'loginpanel',//渲染到指定的loginpanel元素中
		layout: "border",//采用border布局
		width:525,
		height:290,
		defauts:{border:false},
		items:[{
			region: "north",
			height:56,
			html:'header'
		},{
			region:'south',
			height:56,
			html:'footer'
		},{
			region:'west',
			width:253
		},form]	
	});
	/*这样只能垂直居中
	Ext.get("loginpanel").center(Ext.getBody());
	*/
	Ext.get('loginpanel').setStyle('position','absolute').center(Ext.getBody());
};
//在Ext文件或DOM文档载入之后才运行login函数
Ext.onReady(login);